<template id="my_balance">
    <div class="balance">
        <div class="my_balance_shop">
            <img src="../image/blue_da.png" alt="" @click="get_center()">
            <h4>我的余额</h4>
            <span @click="get_ming()">账单明细</span>
        </div>
        <p class="my_balance_1">小马储值余额</p>
        <p class="my_balance_2">¥{{data.money}}</p>
        <p class="my_balance_3">今日到账{{data.money_day}}元</p>
        <div class="my_balance_wen">
                 <p>每单立享{{user_member.scale}}%的现金返现</p>
                 <p>返现金额无上限</p>
                 <p><time>{{user_member.cname}}</time>每一单都可以享受{{user_member.scale}}%的现金返现,订单签收后,返现金额将直接存入你的小马生鲜"余额"账户中,返利金额无上限！</p>
            <p>邀请好友并购买成功立项{{user_member.scale}}%的现金返现</p>
            <p>返利金额无上限</p>
            <p><time>{{user_member.cname}}</time>每一单都可以享受{{user_member.scale}}%的现金返现,订单签收后,返现金额将直接存入你的小马生鲜"余额"账户中,返利金额无上限！</p>
        </div>
    </div>
</template>
<script>
    export default {
        name :'my_balance',
        data(){
            return{
                 user_member:[],
                 data:[],
            }
        },
        mounted:function(){
            //会员基础信息
            this.GLOBAL.user_member(this);


            //获取资金记录
            let info  = [];
            info['c'] = 'Userpower';
            info['m'] = 'money_info';
            this.GLOBAL.getApi(this,info);

            let H=$(window).height()
            $('.balance').height(H)
        },
        methods:{
            /*主页*/
            get_center:function(){
                this.$router.push('/center')
            },
            get_ming:function(){
                this.$router.push('/bill_details')
            }
        }
    }
</script>
<style>
    .my_balance_wen time{
        color:#eb64c2;
    }
    .my_balance_wen p:nth-of-type(6){
        width:6.06rem;
        height:1.15rem;
        margin:0 auto;
        color:#657b8a;
        font-size:0.22rem;
        word-wrap:break-word;
        line-height:0.39rem;
    }
    .my_balance_wen p:nth-of-type(5){
        height:0.52rem;
        line-height:0.52rem;
        font-size:0.26rem;
        color:#353535;
        text-indent:0.19rem;
        margin-bottom:0.06rem;
    }
    .my_balance_wen p:nth-of-type(4){
        height:0.49rem;
        line-height:0.49rem;
        font-size:0.26rem;
        color:#353535;
        text-indent:0.19rem;
    }
    .my_balance_wen p:nth-of-type(3){
        width:6.06rem;
        height:0.74rem;
        color:#657b8a;
        font-size:0.22rem;
        word-wrap:break-word;
        line-height:0.35rem;
       margin:0 0.2rem 0.3rem 0.2rem
    }
    .my_balance_wen p:nth-of-type(1){
        height:0.44rem;
        line-height:0.44rem;
        font-size:0.22rem;
        color:#353535;
        text-indent:0.19rem;
    }
    .my_balance_wen p:nth-of-type(2){
        height:0.45rem;
        line-height:0.45rem;
        font-size:0.22rem;
        color:#353535;
        text-indent:0.19rem;
        margin-bottom:0.08rem;
    }
    .my_balance_wen{
        width:100%;
        height:4.55rem;
        background:url(../image/blue_balance.png) no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        padding-top:0.28rem;

    }
    /*余额介绍说明*/
    .my_balance_1{
        height:0.52rem;
        width:100%;
        line-height:0.52rem;
        color:#a5a5a5;
        font-size:0.2rem;
        text-indent: 0.2rem;
    }
    .my_balance_2{
        height:0.56rem;
        width:100%;
        line-height:0.56rem;
        color:#fc1dac;
        font-size:0.28rem;
        text-indent: 0.2rem;
    }
    .my_balance_3{
        height:0.6rem;
        width:100%;
        line-height:0.6rem;
        color:#a0a0a0;
        font-size:0.22rem;
        text-indent: 0.2rem;
        margin-bottom:0.18rem;
    }

    .my_balance_shop{
        height:0.74rem;
        width:100%;
         border-bottom:1px solid #f0f0f0;
        position:relative;
        background:#ffffff;
        margin-bottom:0.2rem;
    }
    .my_balance_shop img{
        height:0.36rem;
        width:0.36rem;
        display:block;
        position:absolute;
        left:0.25rem;
        top:0.2rem;
    }
    .my_balance_shop h4{
        height:0.74rem;
        color:#2eaffc;
        font-size:0.3rem;
        line-height:0.74rem;
        text-align:center;
        font-weight:normal;
    }
    .my_balance_shop span{
        display:block;
        height:0.74rem;
        line-height: 0.74rem;
        font-size:0.26rem;
        color:#2eaffc;
        position:absolute;
        right:0.24rem;
        top:0;
    }
</style>
